<?php
/**
 * The Header for our theme.
 *
 * Displays all of the <head> section and everything up till <div id="main">
 *
 * @package WordPress
 * @subpackage Twenty_Twelve
 * @since Twenty Twelve 1.0
 */
?><!DOCTYPE html>
<!--[if IE 7]>
<html class="ie ie7" <?php language_attributes(); ?>>
<![endif]-->
<!--[if IE 8]>
<html class="ie ie8" <?php language_attributes(); ?>>
<![endif]-->
<!--[if !(IE 7) | !(IE 8)  ]><!-->
<html <?php language_attributes(); ?>>
<!--<![endif]-->
<head>
<meta charset="<?php bloginfo( 'charset' ); ?>" />
<meta name="viewport" content="width=device-width" />
<title><?php wp_title( '|', true, 'right' ); ?></title>
<link rel="profile" href="http://gmpg.org/xfn/11" />
<link rel="pingback" href="<?php bloginfo( 'pingback_url' ); ?>" />
<?php // Loads HTML5 JavaScript file to add support for HTML5 elements in older IE versions. ?>
<!--[if lt IE 9]>
<script src="<?php echo get_template_directory_uri(); ?>/js/html5.js" type="text/javascript"></script>
<![endif]-->
<?php wp_head(); ?>
<script src="<?php echo get_template_directory_uri(); ?>/js/jquery-1.8.3.min.js"></script>
<script>
 $(function () {
	scrollimg();
 });
 function scrollimg() {
            var img_count = $(".screenimg img").length;
            var ul_w = 198 * img_count + img_count * 10;
            $(".screenimg ul").css("width", ul_w);
            if (img_count > 3) {
                $(".screenimg li").eq(0).addClass("scroll_on");
            }
            $(".icog_next").bind("click", function () {
                var curr = $(".screenimg .scroll_on").index();
                if (curr < 0)
                    return;
                if ((img_count - curr) > 3) {
                    $(".screenimg .scroll_on").removeClass("scroll_on");
                    $(".screenimg li").eq(curr + 1).addClass("scroll_on");
                    $(".screenimg ul").animate({ left: -(198 * (curr + 1) + 10 * (curr + 1)) }, 300);
                    if (img_count - curr - 1 == 3) {
                        $(".icog_next").removeClass("icog_next_c");
                    }
                }
                $(".icog_prev").addClass("icog_prev_c");
            });
            $(".icog_prev").bind("click", function () {
                var curr = $(".screenimg .scroll_on").index();
                if (curr < 0)
                    return;
                if (curr > 0) {
                    $(".screenimg .scroll_on").removeClass("scroll_on");
                    $(".screenimg li").eq(curr - 1).addClass("scroll_on");
                    $(".screenimg ul").animate({ left: -(198 * (curr - 1) + 10 * (curr - 1)) }, 300);
                    if (curr == 1) {
                        $(".icog_prev").removeClass("icog_prev_c");
                    }
                    $(".icog_next").addClass("icog_next_c");
                }
            });

            if (img_count > 3) {
                $(".icog_prev").hover(function () {
                    if ($(".scroll_on").index() != 0) {
                        $(this).addClass("icog_prev_c");
                    }
                }, function () {
                    //$(this).removeClass("icog_prev_c");
                });
                $(".icog_next").hover(function () {
                    if ($(".scroll_on").index() !== img_count - 3) {
                        $(this).addClass("icog_next_c");
                    }
                }, function () {
                    //$(this).removeClass("icog_next_c");
                });
                if ($(".scroll_on").index() != img_count - 3) {
                    $(".icog_next").addClass("icog_next_c");
                }
                if ($(".scroll_on").index() != 0) {
                    $(".icog_prev").addClass("icog_prev_c");
                }
            }
        }
		

</script>
</head>

<body <?php body_class(); ?>>
	<div id="masthead" class="site-header" role="banner">
		<hgroup>
			<h1 class="site-title"><a href="<?php echo esc_url( home_url( '/' ) ); ?>" title="<?php echo esc_attr( get_bloginfo( 'name', 'display' ) ); ?>" rel="home"><?php bloginfo( 'name' ); ?></a></h1>
			<h2 class="site-description"><?php bloginfo( 'description' ); ?></h2>
		</hgroup>

		<div id="site-navigation" class="main-navigation" role="navigation">
         	<a href="/" class="logo-btn"></a>
			<h3 class="menu-toggle"><?php _e( 'Menu', 'twentytwelve' ); ?></h3>
			<a class="assistive-text" href="#content" title="<?php esc_attr_e( 'Skip to content', 'twentytwelve' ); ?>"><?php _e( 'Skip to content', 'twentytwelve' ); ?></a>
			<?php wp_nav_menu( array( 'theme_location' => 'primary', 'menu_class' => 'nav-menu' ) ); ?>
		</div><!-- #site-navigation -->

		<?php $header_image = get_header_image();
		if ( ! empty( $header_image ) ) : ?>
			<a href="<?php echo esc_url( home_url( '/' ) ); ?>"><img src="<?php echo esc_url( $header_image ); ?>" class="header-image" width="<?php echo get_custom_header()->width; ?>" height="<?php echo get_custom_header()->height; ?>" alt="" /></a>
		<?php endif; ?>
	</div><!-- #masthead -->

	<div id="main" class="wrapper">